import React from "react";
import WebFont from "./Font";
import Form from "../Form";

/**
 *  List Component
 */
export default class List extends React.Component
{
    render ()
    {
        return <div className="list">
            <table cellPadding="0" cellSpacing="0">
                <tbody>
                <tr>
                    <th>
                        <Form.Checkbox/>
                    </th>
                    <th>
                        ID
                    </th>
                    <th>用户名</th>
                    <th>年龄</th>
                    <th>国籍</th>
                    <th>职业</th>
                    <th>生日</th>
                    <th>金额</th>
                    <th>时间</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <td>
                        <Form.Checkbox/>
                    </td>
                    <td>1</td>
                    <td>用户名</td>
                    <td>年龄</td>
                    <td>国籍</td>
                    <td>职业</td>
                    <td>生日</td>
                    <td>金额</td>
                    <td>时间</td>
                    <td>状态</td>
                    <td>操作</td>
                </tr>
                <tr>
                    <td>
                        <Form.Checkbox/>
                    </td>
                    <td>2</td>
                    <td>用户名</td>
                    <td>年龄</td>
                    <td>国籍</td>
                    <td>职业</td>
                    <td>生日</td>
                    <td>金额</td>
                    <td>时间</td>
                    <td>状态</td>
                    <td>操作</td>
                </tr>
                <tr>
                    <td>
                        <Form.Checkbox/>
                    </td>
                    <td>3</td>
                    <td>用户名</td>
                    <td>年龄</td>
                    <td>国籍</td>
                    <td>职业</td>
                    <td>生日</td>
                    <td>金额</td>
                    <td>时间</td>
                    <td>状态</td>
                    <td>操作</td>
                </tr>
                </tbody>
            </table>
        </div>
    }
}